
    <div class="section-container">
        <div class="client-container">

            <div class="client-item active">

                <div class="title motion scroll-in-out scroll-visible">
                    爱奇艺
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    爱奇艺是国内领先的视频内容平台，同时也是国内付费用户规模最大的平台之一。智能云支撑爱奇艺IT巨大的计算、存储、流量需求，帮助爱奇艺从一次性大笔投入重资产，变为分批租赁轻资产模式，加快交付速度，优化成本控制
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0px;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0px;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">降低成本:</span>
                        <span class="detail">改自建为租赁，通过系统算法动态选择更便宜的CDN</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0px;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0px;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">响应更快:</span>
                        <span class="detail">资源伸缩速度显著提升，将新业务响应速度缩短至小时级</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0px;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0px;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">体验提升:</span>
                        <span class="detail">选取CDN体验更好，用户感受得到提升</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/爱奇艺" data-track-name="相关产品" data-track-value="内容分发网络 CDN">
                            <i class="iconfont icon-cdn"></i>
                            <span class="name">内容分发网络 CDN</span>
                        </a>

                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    沪江网
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    沪江是专业的互联网学习平台，致力为用户提供便捷、优质的全方位网络学习产品和服务。目前，沪江旗下设有四大业务体系，包括学习资讯、学习工具、社群学习平台、优质课程平台，其中涵盖了语言、留学、升学、职场兴趣等丰富的内容。
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">降低成本:</span>
                        <span class="detail">多种计费方式随时切换，按需付费，节约大量带宽成本</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">优化体验:</span>
                        <span class="detail">高质量CDN节点，对沪江的多项业务实现加速，提升用户观看体验</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">安全保障:</span>
                        <span class="detail">99.95%的服务可用性，保障内容分发安全快速</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/沪江网" data-track-name="相关产品" data-track-value="内容分发网络 CDN">
                            <i class="iconfont icon-cdn"></i>
                            <span class="name">内容分发网络 CDN</span>
                        </a>

                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    APP
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    作为全球最大中文搜索引擎，APP坐拥7亿用户。除了智能搜索等功能之外，APP也是获取最热门的新闻视频、最有趣的短视频和各类明星大咖最新动态的不二之选。智能云为其提供领先的人工智能服务和重大活动的保障
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">安全保障:</span>
                        <span class="detail">2019春晚项目中，保障了高达208亿互动不宕机的分流问题</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">业务创新:</span>
                        <span class="detail">智能媒体云提升视频推荐能力，助短视频一年内日活跃用户数突破1.1亿</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">提升收益:</span>
                        <span class="detail">人工智能与大数据技术构建视频广告系统，增大广告变现收益</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">
                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    百信银行
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    百信银行是首家获批的独立法人形式的直销银行，由中信银行与公司联合发起。智能云利用ABC能力搭建全云框架，实现快速创新、系统稳定、节省成本
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">快速创新:</span>
                        <span class="detail">人工智能、大数据、云计算保证业务上线快，且可以快速迭代，支持业务创新</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">系统稳定:</span>
                        <span class="detail">上线以来，百信银行48个系统0五级以上运行事故，0安全事故</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">节约成本:</span>
                        <span class="detail">节约资金和人力成本，智能运维节省日常运维成本</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/百信银行" data-track-name="相关产品" data-track-value="专有云 ABC Stack">
                            <i class="iconfont icon-abc-stack"></i>
                            <span class="name">专有云 ABC Stack</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/百信银行" data-track-name="相关产品" data-track-value="MapReduce BMR">
                            <i class="iconfont icon-bmr"></i>
                            <span class="name">MapReduce BMR</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/百信银行" data-track-name="相关产品" data-track-value="数据仓库Palo">
                            <i class="iconfont icon-palo"></i>
                            <span class="name">数据仓库Palo</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/百信银行" data-track-name="相关产品" data-track-value="文字识别">
                            <i class="iconfont icon-ocr"></i>
                            <span class="name">文字识别</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/百信银行" data-track-name="相关产品" data-track-value="智能客服">
                            <i class="iconfont icon-cvca"></i>
                            <span class="name">智能客服</span>
                        </a>

                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    银联商务
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    银联商务是中国银联控股的，专门从事线下、互联网以及移动支付的综合支付与信息服务机构，2018年全年受理综合交易85.9亿笔、20.4万亿元。银联商务基于智能云构建私有云，满足未来业务扩展需求。创新业务模式共同构建金融级公有云，服务800万+商户
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">云化转型:</span>
                        <span class="detail">为银联商务打造私有云，兼容不同种类业务并满足其未来业务扩展需求</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">构建公有云:</span>
                        <span class="detail">共建金融级公有云，为银联商务合作商户提供IT设施和上云整体解决方案</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">持续创新:</span>
                        <span class="detail">基于金融级公有云，不断为客户打造人脸识别等“场景化”解决方案</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/银联商务" data-track-name="相关产品" data-track-value="专有云 ABC Stack">
                            <i class="iconfont icon-abc-stack"></i>
                            <span class="name">专有云 ABC Stack</span>
                        </a>

                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    中国农业银行
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    中国农业银行与联手打造农行金融大脑，短短一年内成功投产，成功利用AI智能服务，向广大客户提供各种公司银行和零售银行产品和服务，已成为业内智能金融的探索典范
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">降低成本:</span>
                        <span class="detail">一套系统服务13大业务场景，运营管理领域预计结余亿元以上资金</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">优化体验:</span>
                        <span class="detail">一年内为农行超过4亿个人客户、400万对公客户提供AI智能服务</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">提升效率:</span>
                        <span class="detail">OCR智能服务云结合AI金融大脑，识别准确率达到98%以上</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/中国农业银行" data-track-name="相关产品" data-track-value="文字识别">
                            <i class="iconfont icon-ocr"></i>
                            <span class="name">文字识别</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/中国农业银行" data-track-name="相关产品" data-track-value="人脸识别">
                            <i class="iconfont icon-face"></i>
                            <span class="name">人脸识别</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/中国农业银行" data-track-name="相关产品" data-track-value="语音识别">
                            <i class="iconfont icon-speech"></i>
                            <span class="name">语音识别</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/中国农业银行" data-track-name="相关产品" data-track-value="自然语言处理">
                            <i class="iconfont icon-nlp"></i>
                            <span class="name">自然语言处理</span>
                        </a>

                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    优信二手车
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    优信二手车是专业提供二手车零售的电商平台。智能云为其提供VR看车整体解决方案，提升交易效率30%，成功提升成交量
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">提升收益:</span>
                        <span class="detail">用户在VR页面的浏览量和时长是图片的2倍以上，进而提高了点击率和转化率</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">节约成本:</span>
                        <span class="detail">用户依据 VR 扩大选车范围，从而节省最终交易价格高达20%</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">增加卖家交易量:</span>
                        <span class="detail">有了VR之后，可有效提升卖车车主30%的交易效率</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/优信二手车" data-track-name="相关产品" data-track-value="内容分发网络 CDN">
                            <i class="iconfont icon-cdn"></i>
                            <span class="name">内容分发网络 CDN</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/优信二手车" data-track-name="相关产品" data-track-value="对象存储 BOS">
                            <i class="iconfont icon-bos"></i>
                            <span class="name">对象存储 BOS</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/优信二手车" data-track-name="相关产品" data-track-value="视频内容审核 VCR">
                            <i class="iconfont icon-vcr"></i>
                            <span class="name">视频内容审核 VCR</span>
                        </a>

                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    CCTV
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    中央电视台的智媒体大脑由中央电视台与智能云共同研究、联手打造，彻底改变了过去依靠人工内容审核的低效模式，极大提升内容审核的效率和准确度，代表了国内智能内容分析审核的顶尖水平
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">提升效率:</span>
                        <span class="detail">私有化AI智能审核系统审核效率达到1：10以上</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">准确度高:</span>
                        <span class="detail">VCR通过贴吧、网盘积累了丰富视频审核经验，降低人工审核漏审风险</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">降低成本:</span>
                        <span class="detail">减少人工审核工作量及成本</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/CCTV" data-track-name="相关产品" data-track-value="内容分发网络 CDN">
                            <i class="iconfont icon-cdn"></i>
                            <span class="name">内容分发网络 CDN</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/CCTV" data-track-name="相关产品" data-track-value="对象存储 BOS">
                            <i class="iconfont icon-bos"></i>
                            <span class="name">对象存储 BOS</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/CCTV" data-track-name="相关产品" data-track-value="视频内容审核 VCR">
                            <i class="iconfont icon-vcr"></i>
                            <span class="name">视频内容审核 VCR</span>
                        </a>

                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    宝武集团
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    中国宝武钢铁集团有限公司由原宝钢集团有限公司和武汉钢铁（集团）公司联合重组而成，注册资本527.9亿元，资产规模7395亿元，雇佣员工18.45万人。借助智能云天工智能物联网平台，智能钢包大幅降低能源消耗，提高生产效率，有效提升安全系数
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">隐患预测:</span>
                        <span class="detail">结合物联网和机器视觉技术，实现钢包的安全隐患预测</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">节能降耗:</span>
                        <span class="detail">利用钢包的全生命周期数据和生产数据参数进行寻优，降低生产耗能</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">精益化:</span>
                        <span class="detail">对生产过程，如钢包预热，上线，维护等流程和调度策略进行优化，挺高生产效率</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/宝武集团" data-track-name="相关产品" data-track-value="物接入 IoT Hub">
                            <i class="iconfont icon-iot"></i>
                            <span class="name">物接入 IoT Hub</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/宝武集团" data-track-name="相关产品" data-track-value="物解析 IoT Parser">
                            <i class="iconfont icon-modbus"></i>
                            <span class="name">物解析 IoT Parser</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/宝武集团" data-track-name="相关产品" data-track-value="时序数据库 TSDB">
                            <i class="iconfont icon-tsdb"></i>
                            <span class="name">时序数据库 TSDB</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/宝武集团" data-track-name="相关产品" data-track-value="MapReduce BMR">
                            <i class="iconfont icon-bmr"></i>
                            <span class="name">MapReduce BMR</span>
                        </a>

                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    广东电网
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    广东电网公司是南方电网最大的子公司，长期运营全国最复杂的电网系统，为广东省和港澳地区输送电力。自然语言处理、知识图谱、多轮对话等技术，助力广东电网做到懂客户“所想”，答客户“所问”，做客户“所指“
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">降低成本:</span>
                        <span class="detail">定制化智能客服体系，提供7X24小时服务同时，转人工率降低到20%以下</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">打造智能知识库:</span>
                        <span class="detail">提供标准知识库外，持续挖掘用户与机器人客服的历史会话进行自主学习</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/广东电网" data-track-name="相关产品" data-track-value="自然语言处理">
                            <i class="iconfont icon-nlp"></i>
                            <span class="name">自然语言处理</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/广东电网" data-track-name="相关产品" data-track-value="机器学习">
                            <i class="iconfont icon-bml"></i>
                            <span class="name">机器学习</span>
                        </a>

                        <a class="product-item" href="#" data-track-category="客户案例/广东电网" data-track-name="相关产品" data-track-value="智能客服">
                            <i class="iconfont icon-cvca"></i>
                            <span class="name">智能客服</span>
                        </a>

                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    中国联通
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    中国联通在国内31个省（自治区、直辖市）和境外多个国家和地区设有分支机构，是中国唯一一家在纽约、香港、上海三地同时上市的电信运营企业。智能云帮助中国联通建立人机融合创新服务模式，构建一点对接互联网人工智能平台，打造集约化智慧客服系统
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">优化服务:</span>
                        <span class="detail">借助智能客服产品，客户优化了热线、互联网等多渠道的基础服务能力</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">降低成本:</span>
                        <span class="detail">提供给企业可持续自主运营的整套解决方案，减少后续投入</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">持续创新:</span>
                        <span class="detail">打造人机融合的创新服务模式，借力AI赋予了企业产品化、平台化的能力</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/中国联通" data-track-name="相关产品" data-track-value="智能客服">
                            <i class="iconfont icon-cvca"></i>
                            <span class="name">智能客服</span>
                        </a>

                    </div>
                </div>
            </div>

            <div class="client-item">
                <div class="title motion scroll-in-out scroll-visible">
                    一汽物流
                </div>
                <div class="desc motion scroll-in-out scroll-visible">
                    一汽物流有限公司是一汽集团旗下的专业物流公司，5A级物流企业，提供一汽旗下多个品牌的产前、产中、产后汽车物流服务。智能云运用人工智能技术，通过无人机进行整车盘点，有效提升盘点效率与准确率，解决每年上百万辆整车盘点难题
                </div>
                <div class="features">

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">提升效率:</span>
                        <span class="detail">运用无人机航拍取代人工盘点降低了盘点周期，节约了时间</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">降低成本:</span>
                        <span class="detail">减少了用于整车盘点的人力成本，解决了每年上百万辆车的盘点难题</span>
                    </div>

                    <div class="feature-item">
                        <span class="icon">
                            <!-- htmlcs-disable -->
                            <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 26 26" xml:space="preserve">
                                <path class="i1" stroke-miterlimit="10" d="M16.1,4.6c-1-0.4-2-0.6-3.1-0.6c-5,0-9,4-9,9s4,9,9,9s9-4,9-9c0-0.6,0-1.1-0.1-1.7" style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 47.3385, 47.3385, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></path>
                                <polyline class="i2" stroke-miterlimit="10" points="8,11.3 12.6,15.7 21,7.7 " style="stroke: rgb(36, 104, 242); fill: rgba(0, 0, 0, 0); stroke-miterlimit: 10; stroke-width: 1.5; stroke-dasharray: 0, 17.9655, 17.9655, 0; transition: stroke-dashoffset 0.4s ease 0s; stroke-dashoffset: 0;"></polyline>
                            </svg>
                            <!-- htmlcs-enable -->
                        </span>
                        <span class="name">提高准确率:</span>
                        <span class="detail">利用AI技术，实现视觉识别准确率高达100%</span>
                    </div>

                </div>
                <div class="relative motion scroll-in-out scroll-hidden">
                    <p>
                        相关产品
                    </p>
                    <div class="products">

                        <a class="product-item" href="#" data-track-category="客户案例/一汽物流" data-track-name="相关产品" data-track-value="智能工业质检">
                            <i class="iconfont icon-aiiqi"></i>
                            <span class="name">智能工业质检</span>
                        </a>

                    </div>
                </div>
            </div>

        </div>
        <div class="icons-grid motion scroll-in-out scroll-visible">
                <div class="client-icon icon-aiqiyi active" data-index="0"></div>
                <div class="client-icon icon-hujiangwang" data-index="1"></div>
                <div class="client-icon icon-baidu APP" data-index="2"></div>
                <div class="client-icon icon-baixinyinxing" data-index="3"></div>
                <div class="client-icon icon-yinlianshangwu" data-index="4"></div>
                <div class="client-icon icon-zhongguonongyeyinxing" data-index="5"></div>
                <div class="client-icon icon-youxinershouche" data-index="6"></div>
                <div class="client-icon icon-CCTV" data-index="7"></div>
                <div class="client-icon icon-baowujituan" data-index="8"></div>
                <div class="client-icon icon-guangdongdianwang" data-index="9"></div>
                <div class="client-icon icon-zhongguoliantong" data-index="10"></div>
                <div class="client-icon icon-yiqiwuliu" data-index="11"></div>
        </div>
    </div>
    <div class="motion motion-scroll-bind">
        <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/5b0a4213.png" class="circle circle1" style="transform: translate(-940px,940px)">
        <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/a789f94c.png" class="circle circle2" style="transform: translate(-940px,-940px)">
        <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/12146b75.png" class="circle circle3" style="transform: translate(940px,940px)">
        <img src="https://bce.bdstatic.com/bce-portal/static/assets/assets/a789f94c.png" class="circle circle4" style="transform: translate(940px)">
    </div>
    <script>
        $('.icons-grid div').click(function(){
            $(this).siblings().removeClass('active');
            $(this).addClass('active');
            let id=parseInt($(this)[0].attributes['data-index'].value)+parseInt(1);
            $('.client-container .client-item:nth-child('+id+')').addClass('active');
            $('.client-container .client-item:nth-child('+id+')').siblings().removeClass('active');
        })

    </script>